.question-container {
    padding: 50px 0;
}

.question-container .layui-form-item {
    clear: none;
}

.question-container .layui-input-block {
    margin: 0 5px;
}

.test-item {
    height: 200px;
    padding: 10px;
    box-sizing: border-box;
}

.test-item .item-box {
    height: 100%;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 0 20px #e4e4e4;
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .5s;
}

.test-item .item-box:hover {
    box-shadow: 0 0 20px #c5c5c5;
    transition: all .5s;
}

.test-title {
    display: inline-block;
    width: 100%;
    letter-spacing: 1px;
}

.test-clazz {
    display: inline-block;
    width: 100%;
    padding: 12px 0;
    color: #ffbe3a;
}

.sum-scale {
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #aaaaaa;
    font-size: 12px;
}

.test-time {
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #aaaaaa;
    font-size: 12px;
}

.is-done {
    position: absolute;
    right: 20px;
    top: 20px;
}

.question-btn {
    text-align: center;
    padding: 20px 0;
}